@charset "UTF-8";
@import "../scss/common.scss";

main {
    .aboutbgbox {
        width: 100vw;
        height: 35vw;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .Secondlayout {
        width: 100vw;
        height: 40vw;
        background-color: #fcfbfb;
        padding: 4.27vw 19.01vw 4.11vw 16.82vw;
        .com-introduct {
            width: 64.17vw;
            height: 31vw;

            p {
                width: 21.3vw;
                height: 2vw;
                font-family: FZLTCXHJW--GB1-0;
                font-size: 1.88vw;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0.38vw;
                color: #999999;
                margin-left: 23.07vw;
                margin-right: 19.79vw;
                margin-top: 0vw;
            }
            .line-txt {
                display: flex;
                align-items: center;
                width: 11vw;
                height: 2vw;

                margin: 1.2vw auto;
                .token {
                    width: 2.8vw;
                    border-top: 1px solid black;
                }
                .box {
                    width: 5vw;
                    p {
                        width: 5vw;
                        height: 1.2vw;
                        font-family: MicrosoftYaHei;
                        font-size: 1.2vw;
                        font-weight: normal;
                        font-stretch: normal;
                        letter-spacing: 0vw;
                        color: #666666;
                        margin-left: 0vw;
                    }
                }
            }
            .introduction {
                display: flex;
                align-items: center;
                margin-left: 8.13vw;
                margin-top: 2.5vw;
                .introductionBox {
                    width: 22.03vw;
                    height: 24.58vw;
                    overflow: hidden;

                    img {
                        width: 100%;
                    }
                }
                .intro-des {
                    margin-left: 4.22vw;
                    margin-top: 2.08vw;
                    width: 31vw;
                    height: 22.34vw;

                    p:nth-child(1) {
                        width: 20.31vw;
                        height: 3.51vw;
                        font-family: FZLTCXHJW--GB1-0;
                        font-size: 1.88vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 3.75vw;
                        letter-spacing: 0.14vw;
                        color: #19bc64;

                        margin-left: 1vw;
                    }
                    p:nth-child(2) {
                        width: 10vw;
                        height: 3.3vw;
                        font-family: MicrosoftYaHei;
                        font-size: 1.2vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 3.75vw;
                        letter-spacing: 0.13vw;
                        color: #666666;
                        margin-bottom: 1.46vw;
                        margin-left: 1vw;
                    }
                    p:nth-child(4) {
                        width: 31vw;
                        height: 14.01vw;
                        font-family: MicrosoftYaHei;
                        font-size: 0.3vw;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 1.16vw;
                        letter-spacing: 0vw;
                        color: #666666;
                        margin-left: 0.5vw;
                    }
                    .color-line {
                        width: 9.48vw;
                        height: 0.1vw;
                        border-bottom: 1px solid #19bc64;
                        margin-bottom: 1.46vw;
                        margin-left: 1vw;
                    }
                }
            }
        }
        p {
            width: 26.77vw;
            height: 2.51vw;
            font-family: FZLTCXHJW--GB1-0;
            font-size: 1.88vw;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.19vw;
            color: #666666;
            margin-top: 4.53vw;
            margin-left: 20vw;
            margin-right: 33.33vw;
        }
        .shixian {
            display: flex;
            align-items: center;
            margin-left: 20vw;
            padding-left: 3vw;
            margin-top: 1.09vw;
            .sx {
                width: 2.81vw;
                border-bottom: 1px solid #999999;
            }
            p {
                width: 5.2vw;
                height: 1.25vw;
                font-family: MicrosoftYaHei;
                font-size: 1.25vw;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0vw;
                color: #666666;
                margin: 0vw;
            }
        }
    }
    .culture {
        width: 140vw;
        height: 38vw;
        background-image: url("../images/images/bannen.jpg");
        background-repeat: no-repeat;
        padding: 9.74vw 18.44vw 8.13vw 86.09vw;
        .cultureBox {
            width: 25.26vw;
            height: 19.58vw;
            background-color: #fdfdfd;
            border: 1px dashed #fdfdfd;
            padding-left: 1vw;
            padding-top: 1vw;
            p:nth-child(1) {
                width: 12.08vw;
                height: 1.51vw;
                font-family: FZLTCXHJW--GB1-0;
                font-size: 1.88vw;
                font-weight: normal;
                font-stretch: normal;
                line-height: 3.75vw;
                letter-spacing: 0.14vw;
                color: #19bc64;
                margin-bottom: 2.81vw;
            }
            p:nth-child(2) {
                width: 24vw;
                height: 9.64vw;
                font-family: MicrosoftYaHei;
                font-size: 0.83vw;
                font-weight: normal;
                font-stretch: normal;
                line-height: 1.75vw;
                letter-spacing: 0.08vw;
                color: #666666;
            }
        }
    }
    .developing {
        width: 65vw;
        height: 13.39vw;
        margin: 4.53vw auto;
        p {
            width: 20.52vw;
            height: 2.46vw;
            font-family: FZLTCXHJW--GB1-0;
            font-size: 1.88vw;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.38vw;
            color: #666666;
            margin: 0 auto;
        }
        .hengxian {
            display: flex;
            align-items: center;
            width: 11vw;
            padding-left: 25vw;
            padding-top: 1vw;
            .heng-line {
                width: 3vw;
                border-bottom: 1px solid #666666;
            }
            p {
                width: 4vw;
                height: 1.2vw;
                font-family: MicrosoftYaHei;
                font-size: 0.5vw;
                font-weight: normal;
                font-stretch: normal;
                letter-spacing: 0vw;
                color: #666666;
            }
        }
        .devrow {
            width: 65vw;
            height: 6.67vw;
            display: flex;
            align-items: center;
            margin-top: 2.5vw;
            .devbtn {
                width: 2.29vw;
                height: 2.29vw;
                overflow: hidden;
                margin-right:2.6vw;
                img {
                    width: 100%;
                }
            }
            .devitem {
                width: 13.8vw;
                height: 6.67vw;
                margin-right:4.47vw;
                p:nth-child(1) {
                    width: 6.56vw;
                    height: 0.89vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.94vw;
                    font-weight: normal;
                    font-stretch: normal;
                    margin-left: 0vw;
                    letter-spacing: 0.07vw;
                    color: #666666;
                    margin-bottom: 0.5vw;
                
                }
                .hardline {
                    width: 13.8vw;
                    border-top: 1px solid #666666;
                    margin-bottom: 1vw;

                }
                p:nth-child(3) {
                    width: 13.33vw;
                    height: 4.48vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.83vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 1.25vw;
                    letter-spacing: 0vw;
                    color: #999999;
                }
            }
            .devitem1 {
                width: 13.8vw;
                height: 6.67vw;
                margin-right:1.98vw;
                p:nth-child(1) {
                    width: 6.56vw;
                    height: 0.89vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.94vw;
                    font-weight: normal;
                    font-stretch: normal;
                    margin-left: 0vw;
                    letter-spacing: 0.07vw;
                    color: #666666;
                    margin-bottom: 0.5vw;
                
                }
                .hardline {
                    width: 13.8vw;
                    border-top: 1px solid #666666;
                    margin-bottom: 1vw;

                }
                p:nth-child(3) {
                    width: 13.33vw;
                    height: 4.48vw;
                    font-family: MicrosoftYaHei;
                    font-size: 0.83vw;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 1.25vw;
                    letter-spacing: 0vw;
                    color: #999999;
                }
            }
            .devbtn1 {
                width: 2.29vw;
                height: 2.29vw;
                
                img {
                    width: 100%;
                }
            }
        }
    }
}
